<!--
<div class="container" ms-controller="Home">
    <div class="row">
        <div class="col-md-4" style="color: #4fc3fb" >
            <ul class="time">
                <li><h2 id="nian"></h2></li>
                <li><h3 id="tian"></h3></li>
                <li><strong><h1 id="shi"></h1></strong></li>
            </ul>
        </div>
        <div class="col-md-8">
            <div class="task-box">
                <div class="task-box-title top">
                    <a ms-click="pageToggle(0)" ms-class="now:page==0">ToDoList</a>
                    <a ms-click="pageToggle(1)" ms-class="now:page==1">DoneList</a>
                </div>
                <div class="add">
                <p  ms-click="add">+</p>
                </div>
                <div class="task-box-body bottom" >
                    <div ms-repeat="list" class="task"  ms-visible="el.Check==page" ms-click="sakai($index)"
                         ms-class="nei_big:$index == newList">

                        &lt;!&ndash;正常状态下的&ndash;&gt;
                        <div id="1" ms-visible="!el.Editing" ms-click="focusToggle($index)" ms-class="focus:el.Focusing" >
                            <div>
                                {{el.EndTime}}
                            </div>
                            <div>
                                {{el.TaskName}}
                            </div>

                        </div>

                        <div ms-visible="el.Focusing">
                            <div ms-visible="!el.Editing"  style="position: relative;top:-30px;left: 500px;">
                                <button ms-click="checkToggle($index)">
                                    <span ms-if="page==0">完成</span>
                                    <span ms-if="page==1">重新打开</span>
                                </button>
                                <button ms-click="focusToggle($index)">关闭</button>
                                <button ms-click="editToggle($index)">编辑</button>
                                <button ms-click="del($index)">删除</button>
                            </div>

                            <div ms-visible="el.Editing">
                            <button ms-click="save($index)">保存</button>
                            <button ms-click="cancel($index)">取消</button>
                            </div>

                        </div>


                        &lt;!&ndash;编辑状态的&ndash;&gt;
                        <div ms-visible="el.Editing" >
                            <div class="col-md-9">
                                <label >添加内容：</label>
                                <input type="text" class="form-control" ms-duplex="el.TaskName">
                            </div>
                            <div class="col-md-3">
                                <label >时间：</label>
                                <input type="date" class="form-control" ms-duplex="el.EndTime">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>-->
<div class="all" ms-controller="Home">
    <div class="container"  id="summary-container" >
        <div class="row">
            <div class="col-md-4" >
                <div class="time">
                    <div id="YY" style="font-size: 38px;font-weight: 700"></div>
                    <div id="day" style="font-size: 28px;font-weight: 600"></div>
                    <div  style="font-size: 54px;font-weight: 900">
                        <span id="H"></span><span id="dian">:</span><span id="M"></span>
                    </div>
                </div>
                <br><br><br>
                <div style=" height: 1px;width: 108%; background-color: #4fc3fb"></div>
                <span class="home-henXian">刘强</span>
            </div>
            <div class="col-md-8">
                <div class="left" >
                    <div class="task-box-title top">
                        <div ms-click="pageToggle(0)" class="top-left"  ms-class="now:Status==0">ToDoList</div>
                        <div ms-click="pageToggle(1)" class="top-left" ms-class="now:Status==1">DoneList</div>
                        <div class="pull-right top-right"  ms-click="adds">+</div>
                    </div>
                    <div class="task-box-body" >
                        <div class="task"  ms-visible="Status==0">
                            <div ms-visible="xiuGai">
                                <div class="save" ms-click="save">保存</div>
                                <div class="cancel" ms-click="cancel">取消</div>
                            </div>
                            <div ms-visible="xiuGai" class="row" style="margin-top: -50px;position: relative;top: -20px;">
                                <div class="col-xs-7">
                                    <label >修改内容</label>
                                    <input type="text" class="form-control" ms-duplex="TaskNames">
                                </div>
                                <div class="col-xs-5">
                                    <label >时间</label>
                                    <input type="text" class="form-control" placeholder="假如2017年1月1日，格式为：20170101" ms-duplex="CTimes">
                                </div>
                            </div>
                            <!--正常状态下的-->
                            <div ms-visible="Focusing" ms-repeat="todoList" >
                                <div   class="nei"  ms-click="sakai($index)"
                                       ms-class="nei_big:$index == newList" ms-visible="el.Status==1">
                                    <div ms-visible="mm"   style="font-size:14px;margin-left: 50px;padding-top: 25px " >
                                        <div>
                                            {{el.CTime*1000|date("yyyy-MM-dd")}}
                                        </div>
                                        <div>
                                            {{el.TaskName}}
                                        </div>
                                    </div>
                                    <div class="tan_button" ms-visible="mm"   style="float:right; position: absolute;top: 0px;right:20px;">
                                        <div class="tan_button_top" ms-click="editToggle($index)" >编辑</div>
                                        <div class="tan_button_left" ms-click="focusToggle($index)" >撤销</div>
                                        <div class="tan_button_right" ms-click="del($index)">删除</div>
                                        <div class="tan_button_bottom" ms-click="checkToggle($index)">
                                            <span ms-if="page==0">完成</span>
                                            <span ms-if="page==1">未完</span>
                                        </div>
                                    </div>

                                </div>

                            </div>

                            <div ms-visible="Editing">
                                <div class="save" ms-click="add">保存</div>
                                <div class="cancel" ms-click="cancel">取消</div>
                            </div>

                            <!--添加-->
                            <div ms-visible="Editing" class="row" style="margin-top: -50px;position: relative;top: -20px;">
                                <div class="col-xs-7">
                                    <label >内容</label>
                                    <input type="text" class="form-control" ms-duplex="TaskName">
                                </div>
                                <div class="col-xs-5">
                                    <label >时间</label>
                                    <input type="text" class="form-control" placeholder="假如2017年1月1日，格式为：20170101" ms-duplex="CTime">
                                </div>
                            </div>
                            <!--修改-->

                        </div>
                        <div class="task"  ms-visible="Status==1">
                            <!--未完成状态下的-->

                            <div ms-visible="Focusing" ms-repeat="todoList" >
                                <div   class="nei"  ms-click="sakai($index)"
                                       ms-class="nei_big:$index == newList" ms-visible="el.Status==0">

                                    <div   style="font-size:14px;margin-left: 50px;padding-top: 25px " >
                                        <div>
                                            {{el.CTime*1000|date("yyyy-MM-dd")}}
                                        </div>
                                        <div>
                                            {{el.TaskName}}
                                        </div>
                                    </div>
                                    <div class="tan_button"   style="float:right; position: absolute;top: 0px;right:20px;">
                                        <div class="tan_button_top" >编辑</div>
                                        <div class="tan_button_left" ms-click="focusToggle($index)" >撤销</div>
                                        <div class="tan_button_right" ms-click="del($index)">删除</div>
                                        <div class="tan_button_bottom" ms-click="checkToggle($index)">
                                            <span ms-if="Status==0">完成</span>
                                            <span ms-if="Status==1">未完</span>
                                        </div>
                                    </div>
                                </div>
                            </div>



                            <div ms-visible="Editing">
                                <div class="save" ms-click="add">保存</div>
                                <div class="cancel" ms-click="cancel">取消</div>
                            </div>

                            <!--添加-->
                            <div ms-visible="Editing" class="row" style="margin-top: -50px;position: relative;top: -20px;">
                                <div class="col-xs-7">
                                    <label >内容</label>
                                    <input type="text" class="form-control" ms-duplex="TaskName">
                                </div>
                                <div class="col-xs-5">
                                    <label >时间</label>
                                    <input type="text" class="form-control" placeholder="假如2017年1月1日，格式为：20170101" ms-duplex="CTime">
                                </div>
                            </div>
                            <!--修改-->
                            <div ms-visible="xiuGai">
                                <div class="save" ms-click="save">保存</div>
                                <div class="cancel" ms-click="cancel">取消</div>
                            </div>
                            <div ms-visible="xiuGai" class="row" style="margin-top: -50px;position: relative;top: -20px;">
                                <div class="col-xs-7">
                                    <label >修改内容</label>
                                    <input type="text" class="form-control" ms-duplex="TaskNames">
                                </div>
                                <div class="col-xs-5">
                                    <label >时间</label>
                                    <input type="text" class="form-control" placeholder="假如2017年1月1日，格式为：20170101" ms-duplex="CTimes">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <botton class="LoginOut" ms-click="LoginOut">退出登录</botton>
</div>
